
// 按钮变色
$('.p_right u').hover(function() {
	$(this).css('background','#FF3300');
}, function() {
	$('.p_right u').css('background','');
});


$('.a4').hover(function() {
	$('.span1').css('display','block');
}, function() {
	$('.span1').css('display','none');
});

// 轮播图	
var timer;
var num=0;
timer=setInterval(function(){
    num++;
    if (num>5) {num=0}
    $('.box').css('top', -36*num+'px');
},1000)



// 倒计时
  var starttime = new Date("2020/01/14");
  setInterval(function () {
    var nowtime = new Date();
    var time = starttime - nowtime;
    var day = parseInt(time / 1000 / 60 / 60 / 24);
    var hour = parseInt(time / 1000 / 60 / 60 % 24);
    var minute = parseInt(time / 1000 / 60 % 60);
    var seconds = parseInt(time / 1000 % 60);
    $('.timespan').html("剩下："+day + "天" + hour + "小时" + minute + "分钟" + seconds + "秒");
  }, 1000);

//克隆li标签
   var list=[
     {  
     	srca:'../images/hot.activity5.jpg',
     	a:'[徐闻 徐闻]  海怡湾',
     	ii:'南中国·21万m²滨海生态国际社区',
        span2:'17500元/㎡',
     	spanb:'价格',  	
     	span3:'海安滨海度假区核心',
     	spanb:'地段',
     	span4:'2室63平 4室100平',
     	spanb:'户型',
     	span5:'保利物业全程顾问',
     	spanb:'特色',
        p2i:'高拓空间，诚邀品鉴',
        p2b:'立即报名',
        number:'190'
    },
    {
    	srca:'../images/hot.activity6.jpg',
        a:'[开发区 开发区]  正信城市印象',
     	ii:'南中国·21万m²滨海生态国际社区',
        span2:'待定',
     	spanb:'价格',  	
     	span3:'海安滨海度假区核心',
     	spanb:'地段',
     	span4:'2室63平 4室100平',
     	spanb:'户型',
     	span5:'保利物业全程顾问',
     	spanb:'特色',
        p2i:'高拓空间，诚邀品鉴',
        p2b:'立即报名',
        number:'195'
    },
    {
    	srca:'../images/hot.activity7.jpg',
    a:'[徐闻 徐闻]  海怡湾',
     	ii:'南中国·21万m²滨海生态国际社区',
        span2:'待定',
     	spanb:'价格',  	
     	span3:'海安滨海度假区核心',
     	spanb:'地段',
     	span4:'2室63平 4室100平',
     	spanb:'户型',
     	span5:'保利物业全程顾问',
     	spanb:'特色',
        p2i:'高拓空间，诚邀品鉴',
        p2b:'立即报名',
        number:'155'
    },
    {
    	srca:'../images/hot.activity8.jpg',
    a:'[徐闻 徐闻]  海怡湾',
     	ii:'南中国·21万m²滨海生态国际社区',
        span2:'待定',
     	spanb:'价格',  	
     	span3:'海安滨海度假区核心',
     	spanb:'地段',
     	span4:'2室63平 4室100平',
     	spanb:'户型',
     	span5:'保利物业全程顾问',
     	spanb:'特色',
        p2i:'高拓空间，诚邀品鉴',
        p2b:'获取优惠券',
        number:'190'
    }
    ]

 
 

// li框变色
$('.content li').hover(function() {
	$(this).css('border-color', 'red');
}, function() {
	$(this).css('border-color', '');
});
$('.p2_span1 b').hover(function() {
	$(this).css('background','#FF3300');
}, function() {
	$('.p2_span1 b').css('background','');
});


for(var i=0;i<list.length;i++){

	var tag=$('.content li').eq(0).clone(true);
	$('.content li').css('margin-top', '20px');
	// if(i==0) $('ul').html('')
	tag.children('a').html(list[i].a);
	tag.children('em').children('img').attr('src',list[i].srca),
	tag.children('.li_p1').children('i').html(list[i].ii);
    tag.children('.li_p1').children('.span2').children('b').html(list[i].spanb);
    tag.children('.li_p1').children('.span2').children('i').html(list[i].span2);	
	
	tag.children('.li_p1').children('.span3').children('b').html(list[i].spanb1);
	tag.children('.li_p1').children('.span3').children('i').html(list[i].span3);

	tag.children('.li_p1').children('.span4').children('b').html(list[i].spanb2);
	tag.children('.li_p1').children('.span4').children('i').html(list[i].span4);

	tag.children('.li_p1').children('.span5').children('b').html(list[i].spanb3);
    tag.children('.li_p1').children('.span5').children('i').html(list[i].span5);
    tag.children('.li_p2').children('.p2_span1').children('i').html(list[i].p2i);
    tag.children('.li_p2').children('.p2_span1').children('b').html(list[i].p2b);

    tag.children('.li_p2').children('.p2_span2').children('b').html(list[i].number);
   
	$('.content').append(tag);
}


// li框变色
$('.content li').hover(function() {
	$(this).css('border-color', 'red');
}, function() {
	$(this).css('border-color', '');
});
$('.p2_span1 b').hover(function() {
	$(this).css('background','#FF3300');
}, function() {
	$('.p2_span1 b').css('background','');
});




$('.title li').mouseenter(function(event) {
	if($(this).index()==0){
		$('.p_table').css('display','block');
		$('.p_table').siblings('div').css('display','none');
	}else if($(this).index()==1){
		$('.p_table1').css('display','block');
		$('.p_table1').siblings('div').css('display','none');
	}
	else if($(this).index()==2){
		$('.p_table2').css('display','block');
		$('.p_table2').siblings('div').css('display','none');
	}
	else if($(this).index()==3){
		$('.p_table3').css('display','block');
		$('.p_table3').siblings('div').css('display','none');
	}
	else if($(this).index()==4){
		$('.p_table4').css('display','block');
		$('.p_table4').siblings('div').css('display','none');
	}
	else if($(this).index()==5){
		$('.p_table5').css('display','block');
		$('.p_table5').siblings('div').css('display','none');
	}
	else if($(this).index()==6){
		$('.p_table6').css('display','block');
		$('.p_table6').siblings('div').css('display','none');
	}
	else if($(this).index()==7){
		$('.p_table7').css('display','block');
		$('.p_table7').siblings('div').css('display','none');
	}	
	else if($(this).index()==8){
		$('.p_table8').css('display','block');
		$('.p_table8').siblings('div').css('display','none');
	}
	else if($(this).index()==9){
		$('.p_table9').css('display','block');
		$('.p_table9').siblings('div').css('display','none');
	}
});

